.TeacherVideoItem {
    overflow: hidden;
    background-color: #fff;
    border-radius: 15px;
    position: relative;
    transition: all .5s;
    box-shadow: 0 0 5px 2px #bbb;

    &:hover {
        transform: scale(1.05);

        input {
            opacity: 1;
        }

        .dropdown {
            opacity: 0.6;
        }
    }

    input {
        width: 16px;
        height: 16px;
        position: absolute;
        top: 16px;
        left: 16px;
        cursor: pointer;
        opacity: 0;
        transition: all .5s;

        &:checked {
            opacity: 1;
        }
    }

    .dropdown {
        display: flex;
        justify-content: center;
        position: absolute;
        background-color: #fff;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        z-index: 999;
        top: 8px;
        right: 8px;
        opacity: 0;
        transition: all .5s;
    }

    img {
        width: 100%;
    }

    h2 {
        margin: 10px 20px;
        font-size: 20px;
        font-weight: 500;
    }
}